/* pages/person/person.wxss */
.box{
  
  display: flex;
   flex-direction: column;
  justify-content: center;
  align-items: center;
  height:360rpx;
  background-color: #6bc1c2;;  
}

  .box button{
   
    padding:10rpx;
    width: 200rpx;
    height: 200rpx;
    display:flex;
    justify-content: center;
    // align-items: center;
    padding: 0; /* 移除内边距 */  
    border: none; /* 移除边框 */  //HTML中的<button>元素默认会有一些内边距（padding）和边框（border），这些都会占据额外的空间，使得按钮的实际可视大小比设置的width和height要大。
     border-radius: 50%;
  }

  .box .login{
    border: wheat solid 2px;
    border-radius: 10%;
    display: flex;
    height: 60rpx;
    justify-content: center;
    align-items: center;
  }
  .box button image{
    width:200rpx;
    height:200rpx;
    border-radius: 50%;
  }
  .box input{
    width: 160rpx;
    text-align: center;
  }
.create{
  margin:20rpx;
  image{
    height:35rpx;
    width:15rpx;
    background-color: #6bc1c2;
  }
  text{
    font-size: 35rpx ;
    margin-left: 25rpx;
   font-weight: 600;
  }
 navigator{
  margin:20rpx;
   image{
     width:100%;
     height:200rpx;
     border-radius: 16rpx;
     
   }
 }
}
.title{
  margin:20rpx;
  image{
    height:35rpx;
    width:15rpx;
    background-color: #6bc1c2;
  }
  text{
    font-size: 35rpx ;
    margin-left: 25rpx;
    font-weight: 600;
  }
  }
  .box2{
    margin:30rpx;
    // background-color: #6bc1c2;
    border-radius: 20rpx;
    border:2px solid #efefef;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.096);
  }
.other1{
  display: flex;
  justify-content: space-between;
  margin:30rpx;
  
  
  view{
    
  navigator{
    display:flex;
    flex-direction: column;
    justify-content: center; /* 水平居中 */  
  align-items: center;
    image{
      width:50rpx;
      height:50rpx;
      margin:25rpx;
    }
    text{
      font-size:30rpx;
    }
  }
}
}
.other2{
  display: flex;
  justify-content: space-between;
  margin:30rpx;
  view{
  navigator{
    display:flex;
    flex-direction: column;
    justify-content: center; /* 水平居中 */  
  align-items: center;


    
    image{
      width:50rpx;
      height:50rpx;
      margin:30rpx;
    }
    text{
      font-size:30rpx;
    }
  }
}
}
